﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>驰骋工作流</title>
    <link href="../Scripts/easyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../Scripts/easyUI/themes/default/tree.css" rel="stylesheet" type="text/css" />
    <link href="../Scripts/easyUI/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="../Scripts/easyUI/jquery.easyui.min.js" type="text/javascript"></script>
     <script src="../Scripts/EasyUIUtility.js" type="text/javascript"></script>

    <!-- 引用通用的js文件. -->
    <script src="../Scripts/QueryString.js" type="text/javascript"></script>
    <script src="../Scripts/config.js" type="text/javascript"></script>
    <script src="Gener.js" type="text/javascript"></script>
    <script src="JS/Tree.js" type="text/javascript"></script>

    <script type="text/javascript" language="javascript" >

        //定义公共个变量.
        var webUser = new WebUser();
        var expnode = [];
        //页面启动函数.
        $(function () {

            if (webUser.No == undefined) {
                alert('登录信息丢失，请重新登录。');
                return;
            }

            var ensName = GetQueryString("EnsName");

            if (ensName == null || ensName == undefined) {
                $("#Msg").html("必要的参数EnsName没有传入.");
                return;
            }

            $("#Msg").html("<img src=../Img/loading.gif />&nbsp;正在加载,请稍后......");

            //初始化工具栏.
            InitToolbar();

            //绑定数据.
            BindTree();



            $("#Msg").html("");
        });

        function InitToolbar() {

            //创建处理器.
            var handler = new HttpHandler("BP.WF.HttpHandler.WF_Comm");
            handler.AddUrlData();  //增加参数.
            //获得map基本信息.
            var mapBase = handler.DoMethodReturnString("Search_MapBaseInfo");
            if (mapBase.indexOf('err@') == 0) {
                alert(mapBase);
                return;
            }


            mapBase = JSON.parse(mapBase);

            document.title = mapBase.EnDesc;

            $("#title").html(document.title);

            //获得权限, 生成toolbar.
            var IsInsert = mapBase.IsInsert;
            var IsUpdata = mapBase.IsUpdata;
            var IsDelete = mapBase.IsDelete;
            var IsView = mapBase.IsView;
            //是否有新增权限，无，则新建同级、新建下级的功能隐藏
            if (IsInsert.toString().toLowerCase() == "false") {
                $("#Create_Sample_Node").hide();
                $("#Create_Sub_Node").hide();
                $("#Create_Sample_Node_1").hide();
                $("#Create_Sub_Node_1").hide();
            }

            //是否有修改权限，无则修改、上移、下移的功能隐藏
            if (IsUpdata.toString().toLowerCase() == "false") {
                $("#Edit_Node").hide();
                $("#Up_Node").hide();
                $("#Down_Node").hide();
                $("#Edit_Node_1").hide();
                $("#Up_Node_1").hide();
                $("#Down_Node_1").hide();
                $("#View_Node").show();
                $("#View_Node_1").show();
            } else {
                $("#View_Node").hide();
                $("#View_Node_1").hide();
            }

            //是否有删除权限，无则删除功能隐藏
            if (IsDelete.toString().toLowerCase() == "false") {
                $("#Delete_Node").hide();
                $("#Delete_Node_1").hide();
            }

            //如果是admin用户登陆时增加设置功能
            if (webUser.No != "admin") {
                $("#Set").hide();
            }


        }


        function BindTree() {

            //创建处理器.
            var handler = new HttpHandler("BP.WF.HttpHandler.WF_Comm");
            handler.AddUrlData();  //增加参数.
            //获得map基本信息.
            var pushData = handler.DoMethodReturnString("Tree_Init");
            if (pushData.indexOf("err@") != -1) {
                alert(pushData);
                $("#enTree").append("<li>"+pushData.replace("err@","").replace("entity",this.GetQueryString("EnsName"))+"</li>");
                return;
            }

            pushData = ToJson(pushData);
            //绑定树结构.
            // var pushData = eval('(' + treeJson + ')');
            //加载类别树
            $("#enTree").tree({
                data: pushData,
                collapsed: true,
                lines: true,
                onLoadSuccess: function () {
                    if (expnode.length == 0) {
                        //获取根节点
                        var rooNode = $("#enTree").tree('getRoot');
                        $("#enTree").tree("collapseAll");
                        //默认展开根节点
                        $("#enTree").tree('expand', rooNode);
                    } else {
                        var list = [];
                        for (var j = 0; j < expnode.length; j++) {
                            list.push(expnode[j])
                        }
                        $("#enTree").tree("collapseAll");
                        for (var i = 0; i < list.length; i++) {
                            var node = $('#enTree').tree('find', list[i]);
                            $('#enTree').tree('expand', node.target);
                        }
                    }

                },
                onBeforeExpand: function (node) {
                    expnode.push(node.id.toString());
                },
                onBeforeCollapse: function (node) {
                    var i = expnode.indexOf(node.id.toString());
                    if (i >= 0) {
                        expnode.splice(i, 1);
                    }
                }

            });
            $("#enTree").bind('contextmenu', function (e) {
                e.preventDefault();
                $('#treeMM').menu('show', {
                    left: e.pageX,
                    top: e.pageY
                });
            });

        }

        //获得enName.
        function GetEnName() {

            var ensName = GetQueryString("EnsName");
            return ensName.substring(0, ensName.length - 1);
        }

        function Setting() {
            var user = new WebUser();
            var url = "./Sys/SearchSetting.htm?EnsName=" + GetQueryString("EnsName") + "&m=" + Math.random();
            OpenEasyUiDialogExt(url, '设置', 800, 500, true);
        }
    </script>
</head>
<body  >

<form id="cc">
<center> <div id='Msg'></div> </center>
<div class="easyui-layout" data-options="region:'center'" border="false">
    <div class="panel-header" style="width: 100%;height: 20px;">
        <div  id='title' class="panel-title"></div><div class="panel-tool"></div>
    </div>
    <div style="width: 100%; height: 100%; overflow: auto;">
        <div id="toolBar" style="padding: 0px; background: #fafafa; width: 100%;">
            <a href="#" id="Create_Sample_Node" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-new'" onclick="CreateSampleNode();">新建同级</a> 
            <a href="#" id="Create_Sub_Node" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-new'" onclick="CreateSubNode();">新建下级</a> 
            <a href="#" id="Edit_Node"class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-edit'" onclick="EditNode(0);">修改</a>
            <a href="#" id="View_Node" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-open'" onclick="EditNode(1);">查看</a>  
            <a href="#" id="Delete_Node" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-cancel'" onclick="DeleteNode();">删除</a> 
            <a href="#" id="Up_Node" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-up'" onclick="DoUp();">上移</a> 
            <a href="#" id="Down_Node" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-down'" onclick="DoDown();">下移</a>
            <a href="#" id="Set" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-4'" onclick="Setting();">设置</a>
        </div>
        <ul id="enTree" class="easyui-tree-line" data-options="animate:false,dnd:false"  style="width:400px;">
        </ul>
        <div id="treeMM" class="easyui-menu" style="width: 120px;">
            <div id="Create_Sample_Node_1" data-options="iconCls:'icon-new'" onclick="CreateSampleNode();">
                新建同级</div>
            <div id="Create_Sub_Node_1" data-options="iconCls:'icon-new'" onclick="CreateSubNode();">
                新建下级</div>
            <div id="Edit_Node_1" data-options="iconCls:'icon-edit'" onclick="EditNode(0);">
                修改</div>
            <div id="View_Node_1" data-options="iconCls:'icon-open'" onclick="EditNode(1);">
                查看</div>
            <div id="Delete_Node_1" data-options="iconCls:'icon-cancel'" onclick="DeleteNode();">
                删除</div>
            <div class="menu-sep">
            </div>
            <div id="Up_Node_1" data-options="iconCls:'icon-up'" onclick="DoUp();">
                上移</div>
            <div id="Down_Node_1" data-options="iconCls:'icon-down',disabled:false" onclick="DoDown();">
                下移</div>
        </div>
    </div>
</div>
</form>

</body>
</html>
